<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>example</title>
    <link rel="stylesheet" href="../dist/index.css">
</head>
<body class="m10">
    <div class="w200 h200 mt20 bg-000 c-fff">宽：200 高：200 <br/>背景颜色：黑色 <br/>字体颜色：白色</div>
    <div class="w100 h100 mt20 flex-center shadow-block">
        <span>垂</span>
        <span>直</span>
        <span>居</span>
        <span>中</span>
    </div>
    <div class="w200 h200 mt20 flex-column-center shadow-block">
        <span>换</span>
        <span>行</span>
        <span>垂</span>
        <span>直</span>
        <span>居</span>
        <span>中</span>
    </div>
    <div class="w100 h30 mt20 fs12 mt5 th1">文字隐藏，省略号代替</div>
</body>
</html>
